<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>01_Bootstrap-安装和使用</title>
   <!-- cdn: 引入Bootstrap框架中的CSS文件: box-size:border-box -->
   <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"> -->

  <!-- 本地: Bootstarp中的CSS文件 -->
  <link rel="stylesheet" href="./libs/bootstrap-4.6.1/css/bootstrap.css">
</head>
<body>

  <h1 class="text-left border border-primary">Hello Bootstrap</h1>

  <!-- cdn: Bootstrap5 之前需要依赖jQuery库 -->
  <!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script> -->
  <!-- 引入Bootstrap的JS文件 -->
  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script> -->

  <!-- 本地: Bootstrap5 之前需要依赖jQuery库 -->
  <script src="./libs/jquery/jquery-3.6.0.js"></script>
  <!-- 
    popper.js
    bootstrap.js
   -->
  <script src="./libs/bootstrap-4.6.1/js/bootstrap.bundle.js"></script>
  
</body>
</html>